<!-- 侯禹驰 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <title> 若维俱乐部--课程详情 </title>
    <meta name='keywords' content=''>
    <meta name='description' content=''>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/courseDetail.css">
    <style>

    </style>
</head>
<body>

<div id="headerPage"></div>

<div class="content">
    <div class="lists">
        <div class="panel-fp">
            <video id="my-video" class="video" controls preload="auto" width="100%" height="100%" poster="img/m.jpg" data-setup="{}">
                <source src="./images/18.mp4" type="video/mp4">
                <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that 
                    <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
                </p>
            </video>
            <div class="note">
                <div class="wnote">
                    <h1 class="notice">
                        课程公告
                    </h1>
                </div>
                <div class="rnote">
                    <button class="button-like" id="button-like">赞一个</button>
                    <button class="button-dislike" id="button-dislike">踩一下</button>
                </div>
            </div>
        </div>
    </div>

</div>


<div id="footerPage"></div>
</body>
<script src="layui/layui.js"></script>
<script src="js/jquery.js"></script>
<script src="js/hearder.js"></script>
<script type="text/javascript">
        var myPlayer = videojs('my-video');
        videojs("my-video").ready(function() {
            var myPlayer = this;
            myPlayer.play();
        });
    </script>
<script type="text/javascript">
    $('#video').ready(function () {
            //var id = localStorage.getItem("user_id");
            var id = window.location.href.split("=")[1];
            var json = {
                "id": id
            //        "token": localStorage.getItem("token"),
            //        "user_id": localStorage.getItem("userid"),
            //        "start": 0,
            //       "range": 10
                };
            $.ajax({
                url:"/club_course/showCourseDetial",
                type:"POST",
                datatype:'json',
                contentType: 'application/json',
                data: JSON.stringify(json),
                success: function(data)
                {
                    code = data['success'];
                    if(code == true)
                    {
                        alert(data);
                        alert("读取信息出错！");
                    }
                    else
                    {
                        //$("#main_content").append();
                    }
                }
            });
        })
</script>
<script>
    $('#button-like').mousedown(function(){
        $("#button-like").attr("class","button-like-onclick");
    })

    $('#button-like').mouseup(function(){
        $("#button-like").attr("class","button-like");
    })

    $('#button-dislike').mousedown(function(){
        $("#button-dislike").attr("class","button-dislike-onclick");
    })
    
    $('#button-dislike').mouseup(function(){
        $("#button-dislike").attr("class","button-dislike");
    })
</script>
<script>
    $(function () {
        $('#headerPage').load('header.html');
        $('#footerPage').load('footer.html');
    })
</script>
</html>